<template>
    <div class="vip-order-report">
        <search-form :searchArray="searchArray"></search-form>
        <div class="table-box">
            <div class="title">
                会员订单报表 
                 <el-popover
                    placement="top-start"
                    width="400"
                    trigger="hover"
                    >
                    <div class="msg">
                        基于配货单统计
                    </div>
                    <Icon slot="reference" type="wenhao" style="margin-left: 10px;"></Icon>
                </el-popover>
            </div>
            <elTable :formData="formData" @tableData="getList" ref="dataInfo">
                    <el-table-column prop="name" label="订单号" align="center"></el-table-column>
                    <el-table-column prop="group" label="药店名称" align="center"></el-table-column>
                    <el-table-column prop="group" label="订单号" align="center"></el-table-column>
                    <el-table-column prop="group" label="区域" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="业务员" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="订单总额" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="供应商总额" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="差价" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="应享优惠" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="实享优惠" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="应收" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="实付" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="应退" align="center"></el-table-column>
            </elTable>
        </div>
    </div>
</template>
<script>
import elTable from "@/components/xForm/elTable"
export default {
    name: 'vipOrderReport',
    components: {elTable},
    data() {
        return {
            searchArray: [
                {
                    type: 'input',
                    label: '订单号',
                    placeholder: '请输入订单号',
                    value: ''
                },
                {
                    type: 'input',
                    label: '药店名称',
                    placeholder: '请输入药店名称',
                    value: ''
                },
                {
                    type:'select',
                    placeholder: '请选择省',
                    value: '',
                    label: '收货(省)',
                    list: []
                },
                {
                    type:'select',
                    placeholder: '请选择市',
                    value: '',
                    label: '收货(市)',
                    list: []
                },
                {
                    type:'select',
                    placeholder: '请选择区',
                    value: '',
                    label: '收货(区)',
                    list: []
                },
                {
                    type:'select',
                    placeholder: '请选择道',
                    value: '',
                    label: '收货(道)',
                    list: []
                },
            ],
            formData: {
                id: '',
                currentPage: 1,
                pageSize: 10
            },
        }
    },
    methods: {
        getList(pageNo) {
            let dataInfo = [
                {
                    id: 1,
                    name: "你好",
                    createTime: '1595244696000'
                },
                {
                    id: 2,
                    name: "你好1",
                    createTime: '1595244696000'
                },
            ];
            let total = 10;
            this.$nextTick(() => {
                this.$refs.dataInfo.loadData(dataInfo, total);
            });
        },
    }
}
</script>
<style lang="scss" scoped>
.vip-order-report {
    .table-box {
        margin-top: 16px;
        .title {
            padding-bottom: 16px;
        }
    }
}
</style>